<script setup>
import { ref } from 'vue';
let account = ref('abC');
let emp = ref({
  name: '张三',
  salary: 10000,
});

// 改变account的值
function changeAccount() {
  account.value += 'lalala'
}
// 改变员工薪资
function changeSalary() {
  emp.value.salary += 1000
}
</script>

<template>
    <div class="archive">
      <h1>归档页面</h1>
    </div>
    <input value="123">
    <div class="info">
      <div>
      <h1>账号：{{account}}</h1>
      <button @click="changeAccount">点我更改账号</button>
    </div>
    <div>
      <h1>员工信息：{{emp.salary}}</h1>
      <button @click="changeSalary">点我为员工涨工资</button>
    </div>
    </div>
  </template>
  
  <style>
  /* @media (min-width: 1024px) {
    .about {
      min-height: 100vh;
      display: flex;
      align-items: center;
    }
  } */
  .archive{
    color: brown;
  }
  .info{
    width: 900px;
    height: 200px;
    border:solid 1px black;
    display: flex;
  }
  .info div:nth-child(1){
    margin-right: 30px;
  }
  </style>
  